下面的10问都是大家常见的表格问题，同时也给出相应的解决方法。
上期回顾：
万字干货！超全面的B端设计指南：表格篇（上）目前我主要深耕于B端设计中，深知B端表格设计与C端有很大的不同，无论是表格的展示形式以及承载内容上都有非常大的差异。
阅读文章 > 在表格中，一个单元格的宽度如何确定首先在确定一个单元格的宽度时，我们需要对所有的字段类型进行最小宽度的设定。通常最小宽度是根据 「表格字段」 内容宽度的决定，不同的内容宽度也会不尽相同。
地址字段：算是B端产品经常出现的一个字段，由于地址非常不可控，长短会有非常大的差别成员字段：成员字段单独拿出来讲是因为目前的成员字段展示会出现三种流派：纯文字型、头像文字型、头像型。在成员字段设计中需要考虑单个与多个的情况日期时间字段：日期时间是一个典型的可控字段，因为格式原因，其宽度能够被精确掌握，也因此可以做较为多形式上的创新。小Tips：在数字的对齐上，可采取 Helvetica 字体，这样能够保证用户查看数据时，整齐更加容易辨别
通过上述的字段举例，大家会发现字段宽度无外乎就是几类情况，通常也会对其宽度大小有所预判，也因此能够有所了解，咱们将字段宽度梳理出来后，需要最后落实到文档中，也就是将字段的宽度进行记录，在后面开发实现中会十分有用。
表格中一行展示字段数据过多时如何处理如果拿到上面类似需求时，我建议大家不要着急上手做，先试着去分析“如果我是该产品用户，真正需要哪些字段，理由是什么？”这样的方式对于你而言有两点好处：
多维思考：能够让你深入挖掘需求，进行多维度的思考，而不是做一个单纯的组件设计师。当你觉得展示字段有欠考虑时，可以多去和产品同学沟通，了解这条数据展示的背后逻辑，有利于自我快成长捍卫体验：坚持与用户站在一起，毕竟我们是整个流程中，为用户考虑的最后一道防线，不要因为字段设计上缺失进而由用户来买单，这样更能帮助你对业务上有更深刻的理解将需求分析清楚后，我们便可着手去做。在面对数据过多的字段展示时，我们通常都是采取「信息层级」的方式来让多个字段合理展示，虽然方法都是相同，但是在设计形式上，还是有三种不同的方式。
1. 多层展示：
当横向数据过多时，为了避免字段的隐藏，只有拓展纵向空间。无论你是使用叠层、衔接，都是将多个同一维度的数据，进行纵向拓展。
比如你需要在一行去展示：发货时间、发货地点、发货人以及物流信息，如果想让用户直接了当的看到所有信息，叠层、衔接都能够达到目的。虽然形式上比较平铺直叙，但直接在B端往往能取得不错的效果。
2. 主次展示：
多层展示让数据平铺直叙，主次展示让数据有了轻重。
通常在表格中，一列多条数据必定会有主次之分，然而在B端的表达方式上也会有较大的区别：
强弱化：将主次的信息通过粗细、大小、深浅等处理方式进行简单弱化，形成信息层级，这种方式能够在短时间内快速设计，适合新手入门进行信息的快速区分标签化：在将主次信息区分后，对次要信息进行标签形式的处理，虽然看上去是一个设计形式的转变，但通常很多辅助信息都是内化为产品的特定状态，可减少字段头部的内容宽度，同时便于产品形成一套自身产品的标签体系符号化：将特殊字段设计为特定的符号，在对表格进行简化的过程中，将诸如状态、电话、性别之类的属性进行符号化，并且可展示当前是否填写的状态，一方面将用户是否填写该信息，你可一目了然的看到，同时针对这些次要信息，这样可以提升展示效率，极大降低用户阅读所需要花费的时间，同时当用户Hover就可展示符号下的信息，也便于用户阅读
我举一个实际工作中的例子，在我们自身产品的「OS系统」中，会针对客户开通产品线的八个产品。对于我们而言，就需要展示客户名称、客户等级、余额、开通产品等20+个字端进行展示，我们便采取了上面三种不同的方式，并且OS端作为小部分销售用，使用标签、符号对于系统而言认知成本会变低，按钮快速点击，产品就可快速开通，使用会更加合理。
「OS系统」：主要目的是针对销售在与客户沟通时，需要查看客户的信息、开通相应的产品，并且在为其推荐产品后能够进行快速开通
3. 隐藏展示：
隐藏展示并不属于上面的两种形式，主要是将大量的非重点信息进行折叠收起，提供一个较深的细节入口来隐藏掉信息，常见有下拉、浮层、提示框、弹窗…
这种方式虽然用数据更为简洁，但是会有一定的认知成本，因此使用时需要多加注意，比如在网页端的淘宝订单中，也使用同样的方法将订单的物流信息进行收纳，使信息更加整洁。
在B端产品实际工作中，对于很多控件的问题，我们可以从开发实现的角度去寻找答案。
比如我们想要确定表格整体的宽度，就可以从 HTML 的 table 标签中去寻找，而宽度其实就是 table 标签的 width 属性，你可以在 w3school 这类基础前端教程中找答案，有任何疑问都可以尝试在上面进行搜索研究。
我们回到表格，其实表格宽度 width 是包含有Pixels、%两种不同的属性值。
Pixels：表格宽度以多少像素进行展示，例如width=“100px” 则为50像素的宽度的一个表格宽度。像素作为宽度在前端也被叫做「绝对位置」，由于「绝对位置」牵扯的关联知识太多，就不进行拓展。
%：表格宽度以多少百分比作为宽度进行展示，例如width=“40%” 则为占整个表格宽度的25%。百分比也可以称之为「相对位置」。
同时可以明确告诉大家，两种方式是可以混合使用，也就是我们常说的「表格固定宽度」与「百分比宽度」混用。
当表格最小宽度小于字段总和宽度，根据设计方式的不同，可采取不同的解决办法。
换行展示：这种方式主要针对定制化开发项目，对于项目内的字段内容能够有足够的可控性，因此采用换行的处理办法能够展示出